<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/css/base2.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/css/style2.css">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js"></script>
<title>Manager</title>
</head>
<body>
	<div class="page">
		<div class="main clearfix">
			<div class="main_menu fl">
				<c:forEach items="${sessionScope.MENU_LIST}" var="mainMenu">
					    <c:if test="${mainMenu.wOOpid == 3}">
						<div class="menu_name">
							<a href="${pageContext.request.contextPath}/${mainMenu.wOAction}" target="main">
								<img src="${pageContext.request.contextPath}${mainMenu.wOIcon}">
								<p>${mainMenu.wOName}</p>
							</a>
						</div>
						</c:if>
				</c:forEach>
			</div>
			<div class="main_cont fl">
					<div class="main_cont_top">
						<div class="main_inner clearfix">
							
						</div>
					</div>
					<div class="main_cont_top">
						<div class="main_inner clearfix">
							<div class="cont_top_time fr pr">
								
							</div>
						</div>
					</div>
					<div class="main_cont_bottom_shouzhi">
						<div class="main_inner">
							<table>
							    <tr> 
							        <th>时间</th> 
							        <th>收支类型</th>
							        <th>收支类目</th>
							        <th>账户金额变化</th>
							        <th>备注</th>
							    </tr> 

							<tbody>
								<c:forEach items="${PAGE_BEAN.dataList}" var="record">
									<tr> 
							        <td><fmt:formatDate
										value="${record.createAuthor }"
										pattern="yyyy-MM-dd HH:mm:ss" /></td>
							        <td><c:if test="${record.wType == 1}">收入</c:if> 
								<c:if test="${record.wType == 2}">支出</c:if></td>
							        <td>${record.wItem }</td>
							        <td>${record.wMoney}元</td>
							        <td>${record.wDesc}</td>
							    </tr> 
								</c:forEach>
							</tbody>
						</table>
						<%@ include file="/WEB-INF/views/page.jsp"%>

					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script>
		$(function() {
			$('.table-sort').dataTable({
				"bLengthChange" : false, //改变每页显示数据数量
				"aaSorting" : [ [ 1, "desc" ] ],//默认第几个排序
				"bStateSave" : true,//状态保存
				"bPaginate" : false,// 分页按钮  
				"aoColumnDefs" : [
				//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
				{
					"orderable" : false,
					"aTargets" : [ 0, 3, 3 ]
				} // 制定列不参与排序
				]
			});
		});
	</script>
</body>
</html>